<template>
  <div class="check-button" :class="{ check: isChecked }" ref="child">
    <img src="../../../assets/img/cart/tick.svg" alt="" />
  </div>
</template>

<script>
export default {
  name: "CheckBotton",
  props: {
    isChecked: {
      type: Boolean,
      default() {
        return true;
      },
    },
  },
};
</script>

<style>
.check-button {
  display: flex;
  justify-content: center;
  align-items: center;
}

.check-button img {
  border: 2px solid #aaa;
}

.check img {
  background-color: red;
}
</style>